<%@page contentType="text/html; charset=utf-8" %>
<%@page import="eduboat.dsch.comm.util.AdminMenuConstant"%>
<%@page import="eduboat.dsch.comm.util.SchConstant"%>
<%-- 
/**
 * 创建信息
 * ============= jsp名: /work/admin/xtgl/role/role_list.jsp
 * 作用描述:  显示所有角色信息，新增、修改、删除角色信息，角色菜单
 * 创建人：fyr
 * 创建时间： 2013-1-18 
 * 修改信息1=============
 * 修改类型: //1.修改bug 2.业务变化修改 修改描述: 修改人： 修改时间：
 */
 --%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>智慧校园-后台管理系统</title>
    <%@ include file="/comm/jsp/public.jsp"%>
<link rel="stylesheet" type="text/css" media="all" href="<%=path%>/work/comm/css/common.css" />
<!--顶部logocss-->
<link rel="stylesheet" type="text/css" media="all" href="<%=path%>/work/comm/css/head.css" />
<!--导航菜单css-->
<link rel="stylesheet" type="text/css" media="all" href="<%=path%>/work/comm/css/menu.css" />
<link rel="stylesheet" type="text/css" media="all" href="<%=path%>/work/comm/css/step.css" />
<!--通用js-->
<script type="text/javascript" src="<%=path %>/work/comm/js/public.js"></script>
<!--菜单操作js-->
<script type="text/javascript" src="<%=path %>/work/comm/js/nav.js"></script>
<!--返回顶部-->
<script type="text/javascript" src="<%=path%>/work/comm/js/backtotop.js"></script>
<!--分页css-->
<link rel="stylesheet" type="text/css" media="all" href="<%=path%>/comm/plug/pagination/page.css" />
<!--分页js-->
<script type="text/javascript" src="<%=path%>/comm/plug/pagination/jquery.myPagination5.0.js"></script>
<style> 
/*
 
下划虚线
 
*/
.xh_line{
width:100%;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #CCCCCC;
margin-top:5px;
margin-bottom:5px;
margin-top:10px;
}
</style>
<script type="text/javascript"> 
	$(function(){
		initPageListData(1);        //页面加载的时候调用初始化分页数据的方法
	});
	
	//必须是这个方法名
	function initPageListData(curPage) {
		var pageSize = 10;//每页多少条
		ajaxListPageCall({
			 url : "<%=path%>/work/admin/xtgl/json/roleListAction_roleList.action", //访问页面 
			 data :{
	         	"pageVO.action":$("input[name='action']").val(),//这个名字必须为action
	         	"pageVO.curPage":curPage,//这个名字必须为curPage
	         	"pageVO.pageSize":pageSize
	         },
	         _callBackOK:listCallBackOK
		});
	}   //initPageListData  END
	
	function listCallBackOK(data){
	    	var list = data.list;
	    	if(list.length==0){
	        	$("#pageDatas").html("<span style='color:red'>没有找到数据</span>");  
	        }                    	
	        var str="";        
	        for(var i in list){
				 var role = list[i];
								 str+="<tr id='"+role.role_code+"'><td class='numberCol'>"+(parseInt(i)+1)+"</td><td>"+role.role_code
				            		+"</td><td>"+role.role_name+"</td>"
				            		+"<td><a href='javascript:editRole(\""+role.role_code+"\",\""+role.role_name+"\");'>修改</a>&nbsp;&nbsp;"
				            		+"<a href='javascript:role_menu(\""+role.role_code+"\")'>角色菜单</a>&nbsp;&nbsp;"
				            		+"<a href='javascript:delRole(\""+role.role_code+"\")'>删除</a></td></tr>";
	        }
	         $("#pageDatas").html(str);
	         $("#paging").html(data.pageVO.pageBar);  
	}//listCallBackOK  END
	
	/**
	 * 弹出新增页面
	 */
	function insertRole(){
	    var url="<%=path%>/work/admin/xtgl/role/role_add.jsp";
	    var open = art.dialog.open(url, 
				  { 
				  	id:"openInsert",
				  	width:"550px",
			  		height:"300px",
			  		title: "新增角色",		    	
			    	cancelVal:"关闭",
			    	cancel: function(){			//当弹出的新增角色界面关闭时，清空role_list.jsp页面的分页信息并重新加载分页信息
			    			var flag = art.dialog.data("isUpdate");
			    			if(flag){
				    			$("#pageDatas").empty();
				    			initPageListData(1);
				    			art.dialog.removeData("isUpdate");
			    			}
			    		}
				  });
	}//insertRole  END
	
	/**
	 * 弹出修改角色页面
	 * 传入角色编码
	 */
	function editRole(role_code){
		art.dialog.data("role_code",role_code);		//获得需要修改的觉得编码，并传给弹出界面，在弹出界面根据这个值来决定修改的角色--%>
		  var url="<%=path%>/work/admin/xtgl/role/role_edit.jsp";
		  art.dialog.open(url, 
				  { width:"550px",
			  		height:"300px",
			  		title: "角色修改",
			    	cancelVal:"关闭",
			    	cancel: function(){			<%--当弹出的新增角色界面关闭时，清空role_list.jsp页面的分页信息并重新加载分页信息，--%>
			    			var flag = art.dialog.data("isUpdate");
			    			if(flag){
				    			$("#pageDatas").empty();
				    			initPageListData(1);
				    			art.dialog.removeData("isUpdate");
			    			}
			    		}
				  });
	}//editRole  END
	
	
	/**
	 * 执行删除操作
	 * 传入角色编码
	 */
	function delRole(rolecode){
		art.dialog.confirm("确定删除",function(){
			ajaxOtherCall({
				 url : "<%=path%>/work/admin/xtgl/json/roleDelAction_delRole.action?role.role_code="+rolecode, //访问页面 
		         _beforeSendText:"正在删除数据，请稍等",
		         _callBackOK:function(){//处理成功后调用方法		        	
		        	 $("#"+rolecode).remove(); //删除tr
		        	 art.dialog.alert("删除成功",function(){	        		 
		        },"succeed");}
			});
		});   
	}//delRole  END
	
	/**
	 * 弹出角色菜单界面
	 * 执行角色菜单操作
	 */
	function role_menu(rolecode){
		art.dialog.data("role_code",rolecode);  //将角色的编码传给弹出界面，根据这个编码在弹出的界面中选中该编码角色所具有的菜单
	    var url="<%=path%>/work/admin/xtgl/role/role_menu.jsp";
		  art.dialog.open(url, 
				  {	  title: "后台管理-角色菜单",
					  width:"500px",
					  height:"500px",
				      cancelVal:"关闭",
				      cancel: function(){}
				  });
	}
</script>
  </head>
  <body>
	   <!-- 顶部 -->
	 <jsp:include page="/work/admin/comm/jsp/head.jsp"/>
    <!-- 顶部 end-->
<div class="body clearfix">

<!-- 菜单及返回顶部 -->
	<jsp:include page="/work/admin/comm/jsp/menu.jsp">
	 <jsp:param value="<%=AdminMenuConstant.ADMIN_SYSTEM %>" name="menu_parent_code"/>
	 <jsp:param value="<%=AdminMenuConstant.ADMIN_SYSTEM_ROLE %>" name="menu_sub_code"/>
	</jsp:include> 
	
			
	<!--导航-->
	<div style="margin-left:150px">
		<ul id="crumbs">
	<li><a href="<%=SchConstant.admin_defaul_url%>">首页</a></li>
	<li><a href="javascript:void(0)">系统管理</a></li>
	<li><a href="<%=path %>/work/admin/xtgl/role/role_list.jsp">角色维护</a></li>
		<li>
    <!--帮助-->
        <div  class="report-help" title="点击查看帮助" onclick="slideToggle('ReportExam')"></div>
    <!--帮助 end-->
</li>
	</ul>
	
	</div>
			
	<!--导航 end-->
	
	<!--提示信息-->
	<div style="" id="ReportExam" class="report-tip">
				<div class="tip-arrow" style="left: 66px;"></div>
				<div class="report-tip-content">
					<table class="report-tip-table">
						<tr>
							<td width="95%" valign="top">
								<div class="left-content l">
								
								<p class="label">
								维护平台角色信息。
								</p>
								</div>
							</td>
						</tr>
					</table>
				</div><!-- .report-tip-content end-->
			</div><!-- #ReportExam, .report-tip end-->
		<!--提示信息-->	
	<div class="main">
	  <div class="content clearfix" style="width:1080px; ">		
         <!--工作区-->
		<div class="cont_left">
		
	<input id="btnInsert" type="button" class="inputOver" style="width:80px; margin-left:10px; margin-bottom:5px "
		   value="新增" onclick="insertRole()" />
		<table id="table" class="table" style="margin-right:10px; width:700px">
					<thead>
						<tr >
							<td  class="numberCol">
							</td>
							<td >
									角色编码						
							</td>
							<td  >
								
								角色名
							</td>
															
							<td >								
									操作		
							</td>
						</tr>
					</thead>
					<tbody id="pageDatas">
					</tbody>
				</table>
				
				<!--分页开始-->
			<div id="paging" style="margin-right: -330px">
			</div><!-- #Paging end-->
			<!--分页结束-->

		</div>
		<!--工作区 end-->
<!--  分割线 -->
<div class="cont_jg"></div>
<!--  分割线 end -->
		
		<!--备注区-->
		<div class="cont_right">

		
		<!--温馨提示-->
	<div class="massage_box" style="margin-left:5px;margin-top:20px">
   		<div class="massage"> 
    		<div class="massage_header" style="height:20px" >
				<div style="display:inline; width:150px; ;position:absolute;font-weight:bold; margin-left:5px">业务说明</div> 
				<span onclick="parentElement.parentElement.style.visibility='hidden'; " class="massage_del">×
				</span>
			</div> 
			<div style="margin-left:10px; margin-right:10px; margin-top:5px; margin-bottom:10px">
		   此功能是为系统分配角色.
			注意，只有后台角色才有配置菜单</div>
		 </div>
	  </div>
	  
	  <!---温馨提示 end-->

		</div>
		<!--备注区-->

  </div><!-- .content, clearfix -->
		<div class="footer">
			<span>&copy;2012 学舟信息技术有限公司</span><a target="_blank" href="#">隐私权政策</a><a target="_blank" href="http://www.miibeian.gov.cn/">蜀ICP备12002489号</a>
		</div><!-- .footer ende-->
	</div><!-- .main end-->
		</div>
		<!-- .body, .clearfix end-->
</body>
</html>
